@import "./vars.scss";
.about-container {
    background-color: #fff;
    overflow: hidden;
    
    .w1100 {
        margin-top: 74px;
        @include display(flex);
        @include justify-content(space-between);
    }
    .about-aside {
        position: relative;
        width: 200px;
        @include flex(200px 0 0);
        font-family: itcmd;
        font-size: 20px;
        line-height: 34px;
        color: $color5;
        // @include transition(all .3s);
        .abde-item {
            cursor: pointer;
            &:hover,
            &.on {
                color: $color3;
            }
        }
    }
    .about-content {
        width: 865px;
        @include flex(865px 1 auto);
        .mt76 {
            margin-top: 76px;
        }
        .mt83 {
            margin-top: 83px;
        }
        .act-h2 {
            font-size: 30px;
            font-family: sscb;
            line-height: 46px;
        }
        .act-figure {
            margin-top: 25px;
            img {
                width: 100%;
            }
        }
        .act-figure-info {
            margin-top: 31px;
            line-height: 21px;
            font-size: 15px;
            padding-right: 8px;
        }
        .act-figure-user {
            text-align: right;
            line-height: 21px;
            font-size: 12px;
        }
        .act-gy {
            .act-gy-line {
                @include display(flex);
                // &:last-child {
                //     .act-gy-lable,
                //     .act-gy-text {
                //         border: 0;
                //     }
                // }
                &:first-child {
                    .act-gy-lable,
                    .act-gy-text {
                        padding: 36px 0 14px;
                    }
                }
            }
            .act-gy-lable {
                width: 133px;
                padding: 25px 0;
                @include flex(133px 0 0);
                color: $color3;
                font-size: 15px;
                border-bottom: 1px solid $color3;
            }
            .act-gy-text {
                padding: 25px 0 25px 6px;
                @include flex(1);
                border-bottom: 1px solid $border3;
                font-size: 16px;
            }
        }
        .act-yg {
            padding: 16px 0 66px;
            .act-yg-group {
                @include display(flex);
                margin-top: 32px;
            }
            .act-yg-year {
                width: 66px;
                font-size: 17px;
                font-family: sscm;
                line-height: 1;
                border-right: 1px solid $border3;
                @include flex-basis(66px);
            }
            .act-yg-right {
                @include flex(1);
                @include display(flex);
                @include flex-direction(column);
                padding-left: 23px;
            }
            .act-yg-info {
                line-height: 1;
                @include display(flex);
                @include flex-direction(column);
                line-height: 20px;
                margin-top: 5px;
                &:first-child {
                    margin-top: 0;
                }
            }
        }
    }
}